<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <linK rel="stylesheet" href="../CSS/yemian.css">
</head>
<body>
    
    
    <div class="login">登录</div>
    <div class="top">
        <div>资源类型:<input type="text" id="resourceType" placeholder="user, admin"></div>
        <div>关键词:<input type="text" id="searchKeywords" placeholder="搜索关键词"></div>
        <div><button id="query-button">查询</button></div>
        <div><button id="reset">重置</button></div>
        <input type="button" id="add" value="添加">
    </div>
    <div id="all">
        <table>
            <thead>
                <tr>
                    <th>id</th>
                    <th>username</th>
                    <th>email</th>
                    <th>phone</th>
                    <th>userType</th>
                    
                    <th><input type="button" id="do" value="操作"></th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="content">
            </tbody>
        </table>
    </div>
  
        
   <div id="fill" >
   </div>
   <div id="myform">
    <form  action="" method="post">
    <table>
        <tr>
            <td>密码：</td>
            <td><input type='text' class="password"/></td>
        </tr>
        <tr>
            <td>用户名称：</td>
            <td><input type='text' class="username"/></td>
        </tr>
        <tr>
            <td>邮箱：</td>
            <td><input type='text' class="email"/></td>
        </tr>
        <tr>
            <td>电话：</td>
            <td><input type='text' class="phone"/> </td>
        </tr>
        <tr>
            <td>userType:</td>
            <td><input type='text' class="userType"/></td>
            
        </tr>
        <tr class="xiaotianjia">
            <!-- 使用colspan让单元格占据整行 -->
            <td colspan="2"><input type='button' id="addd" value="确定"/></td>
            <td><input type="button" id="close" value="取消"></td>
         </tr>
    </table>
    </form>
</div>
<div id="page"> 

        <input type="button" id="preBtn"value="上一页">
        <!-- <span id="pageInfo">第一页</span> -->
        <input type="button" id="nextBtn"value="下一页">
</div>
<div id="revise-fill" >
</div>
<div id="revise">
 <form  action="" method="post">
 <table>
    <tr>
        <td>id:</td>
        <td><input type='text' class="id"/></td>
    </tr>
     <tr>
         <td>username:</td>
         <td><input type='text' class="username"/></td>
     </tr>
     <tr>
         <td>email:</td>
         <td><input type='text' class="email"/></td>
     </tr>
     <tr>
         <td>phone:</td>
         <td><input type='text' class="phone"/> </td>
     </tr>
     <tr>
         <td>userType:</td>
         <td><input type='text' class="userType"/></td>
         
     </tr>
     <tr class="confirm">
         <!-- 使用colspan让单元格占据整行 -->
         <td colspan="2"><input type='button' id="confirm-revise" value="确定"/></td>
         <td><input type="button" id="close-revise" value="取消"></td>
      </tr>
      
 </table>
 </form>
<script src="../JS/yemian.js"></script>
</body>
<script src="../JS/jquery3.7.1.min.js"></script>
</html>